<div style="width:100%;height:100%;">
  <div class="settings-section" data-dojo-attach-point="searchesSection">
    <div class="toggle-container">
      <div class="toggle-header">
        <span class="header-text white">${nls.gpServiceTitle}</span>
        <span class="pull-right arrow">
          <i class="icon-chevron-sign-up"></i>
        </span>
        <div class="clearfix"></div>
      </div>
      <!-- <h3>${nls.gpServiceTitle}</h3> -->
      <div class="toggle-content">
        <table class="setting-table input-table" cellspacing="0">
          <tbody>
            <tr>
              <td class="first">${nls.chemicalGPService}</td>
              <td class="second">
                  <input type="text" data-dojo-type="dijit/form/ValidationTextBox"
                         data-dojo-attach-point="chemicalGPService"
                         required="true" data-dojo-props="style:{width:'100%'}"/>
              </td>          
            </tr>
            <tr>
              <td class="first">${nls.placardGPService}</td>
              <td class="second">
                  <input type="text" data-dojo-type="dijit/form/ValidationTextBox"
                         data-dojo-attach-point="placardGPService"
                         required="true" data-dojo-props="style:{width:'100%'}"/>
              </td>  
            </tr>
            <tr>
              <td class="first">${nls.weatherStationGPService}</td>
              <td class="second">
                  <input type="text" data-dojo-type="dijit/form/ValidationTextBox"
                         data-dojo-attach-point="weatherStationGPService"
                         required="true" data-dojo-props="style:{width:'100%'}"/>
              </td>  
            </tr>
          </tbody>
        </table>
      </div>
    </div>
    <!-- <h3>${nls.windDirectionTitle}</h3> -->
    <div class="toggle-container">
      <div class="toggle-header">
        <span class="header-text white">${nls.windDirectionTitle}</span>
        <span class="pull-right arrow">
          <i class="icon-chevron-sign-up"></i>
        </span>
        <div class="clearfix"></div>
      </div>    
      <div class="toggle-content">
        <table class="setting-table input-table" cellspacing="0">
          <tbody>    
            <tr>
              <td class="first">${nls.windDirectionLayer}</td>
              <td class="second">
                  <input type="text" data-dojo-type="dijit/form/ValidationTextBox"
                         data-dojo-attach-point="windDirectionLayer"
                         required="true" data-dojo-props="style:{width:'100%'}"/>
              </td>  
            </tr>
            <tr>
              <tr>
                <td class="first">${nls.windDirectionField}</td>
                <td class="second">
                    <input type="text" data-dojo-type="dijit/form/ValidationTextBox"
                           data-dojo-attach-point="windDirectionField"
                           required="true" data-dojo-props="style:{width:'100%'}"/>
                </td> 
                <td>
                  <button type="button" class="addButton" data-dojo-attach-point="windDirectionAddField">+</button>             
                </td>
              </tr>
            </tr>
            <tr>
              <tr>
                <td class="first">${nls.stationNameField}</td>
                <td class="second">
                    <input type="text" data-dojo-type="dijit/form/ValidationTextBox"
                           data-dojo-attach-point="stationNameField"
                           required="true" data-dojo-props="style:{width:'100%'}"/>
                </td> 
                <td>
                  <button type="button" class="addButton" data-dojo-attach-point="stationNameAddField">+</button>             
                </td>            
              </tr>
            </tr>  
            <tr>
              <tr>
                <td class="first">${nls.dateTimeField}</td>
                <td class="second">
                    <input type="text" data-dojo-type="dijit/form/ValidationTextBox"
                           data-dojo-attach-point="dateTimeField"
                           required="true" data-dojo-props="style:{width:'100%'}"/>
                </td>
                <td>
                  <button type="button" class="addButton" data-dojo-attach-point="dateTimeAddField">+</button>             
                </td>             
              </tr>
            </tr> 
          </tbody>
        </table>
      </div>
    </div>
    <!-- <h3>${nls.facilitiesTitle}</h3> -->
    <div class="toggle-container">
      <div class="toggle-header">
        <span class="header-text white">${nls.facilitiesTitle}</span>
        <span class="pull-right arrow">
          <i class="icon-chevron-sign-up"></i>
        </span>
        <div class="clearfix"></div>
      </div>     
      <div class="toggle-content">
        <table class="setting-table input-table" cellspacing="0">
          <tbody>                   
            <tr>
              <td class="first">${nls.facilitiesLayer}</td>
              <td class="second">
                  <input type="text" data-dojo-type="dijit/form/ValidationTextBox"
                         data-dojo-attach-point="facilitiesLayer"
                         required="true" data-dojo-props="style:{width:'100%'}"/>
              </td>  
            </tr> 
            <tr>
              <tr>
                <td class="first">${nls.facilitiesFields}</td>
                <td class="second">
                    <input type="text" data-dojo-type="dijit/form/ValidationTextBox"
                           data-dojo-attach-point="facilitiesFields"
                           required="true" data-dojo-props="style:{width:'100%'}"/>
                </td> 
                <td>
                  <button type="button" class="addButton" data-dojo-attach-point="facilitiesAddFields">+</button>             
                </td>            
              </tr>
            </tr>  
            <tr>
              <tr>
                <td class="first">${nls.facilitiesLabelField}</td>
                <td class="second">
                    <input type="text" data-dojo-type="dijit/form/ValidationTextBox"
                           data-dojo-attach-point="facilitiesLabelField"
                           required="true" data-dojo-props="style:{width:'100%'}"/>
                </td> 
                <td>
                  <button type="button" class="addButton" data-dojo-attach-point="facilitiesLabelAddField">+</button>             
                </td>            
              </tr>
            </tr>         
          </tbody>
        </table>
      </div>
    </div>
    <!-- <h3>${nls.demographicTitle}</h3> -->
    <div class="toggle-container">
      <div class="toggle-header">
        <span class="header-text white">${nls.demographicTitle}</span>
        <span class="pull-right arrow">
          <i class="icon-chevron-sign-up"></i>
        </span>
        <div class="clearfix"></div>
      </div>      
      <div class="toggle-content">
        <table class="setting-table input-table" cellspacing="0">
          <tbody>     
            <tr>
              <td class="first">${nls.demographicLayer}</td>
              <td class="second">
                  <input type="text" data-dojo-type="dijit/form/ValidationTextBox"
                         data-dojo-attach-point="demographicLayer"
                         required="true" data-dojo-props="style:{width:'100%'}"/>
              </td>  
            </tr>
            <tr>
              <td class="first">${nls.demographicLabel}</td>
              <td class="second">
                  <input type="text" data-dojo-type="dijit/form/ValidationTextBox"
                         data-dojo-attach-point="demographicLabel"
                         required="true" data-dojo-props="style:{width:'100%'}"/>
              </td>
            </tr>              
            <tr>
              <td class="first">${nls.demographicLabelField}</td>
              <td class="second">
                  <input type="text" data-dojo-type="dijit/form/ValidationTextBox"
                         data-dojo-attach-point="demographicLabelField"
                         required="true" data-dojo-props="style:{width:'100%'}"/>
              </td> 
              <td>
                <button type="button" class="addButton" data-dojo-attach-point="demoLabelAddField">+</button>
              </td>                
            </tr>
            <tr>
              <td class="first">${nls.demographicMedia}</td>
              <td>
                <button type="button" class="addButton" data-dojo-attach-point="demoAddMedia">+</button>             
              </td>            
            </tr>                                                          
          </tbody>
        </table>
        <div data-dojo-attach-point="tableFieldInfos"></div>        
      </div>
    </div>
  </div>
</div>